.main {
    height: 100%;
    width: 100%;
    // background-color: aqua;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .on {
        height: 85%;
        width: 100%;
        background: rgb(37, 41, 50);
        display: flex;
        justify-content: center;
        // align-items: self-start;
        align-items: center;

        // line-height: 70%;
        .content {
            height: 93%;
            width: 95%;
            background: rgb(37, 41, 50);
            display: flex;
            align-content: center;

            // justify-content: flex-end;
            .upleft {
                background: pink;
                width: 100%;

            }



        }
    }

    .bottom {
        height: 15%;
        background-color: rgb(29, 33, 36);
        display: flex;
        justify-content: center;
        width: 100%;

        .content {

            background-color: rgb(37, 41, 50);
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            .eight {

                width: 100%;
                display: flex;
                justify-content: space-around;

                button {
                    border-radius: 0.5vh;
                    border: 0ch;
                    cursor: pointer;
                    height: 6vw;
                    width: 6vw;
                    border-top: solid 0.5vh rgb(53, 56, 63);
                    

                    border-right: solid 0.5vh rgb(53, 56, 63);

                    background: rgb(69, 73, 82);
                    color: aliceblue;
                    background: rgb(69, 73, 82);

                    box-shadow: rgb(34, 34, 34) -2px 2px 20px;

                    .buttonName {
                        font-size: 1vw;
                        // color: aqua;
                        margin-top: 1vh;
                        font-weight: 800;
                    }

                }

                .isPointed {
                    color: rgb(0, 169, 255);
                    background: linear-gradient(0deg, rgb(42, 45, 52), rgb(53, 56, 63), rgb(69, 71, 76));


                }
            }
        }

    }
}

// :deep .el-table .cell {
//     box-sizing: border-box;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     white-space: normal;
//     word-break: break-all;
//     line-height: 3vh;
//     padding: 0 1vw;
// }

// :deep .cell {
//     font-size: 1vw;
//     color: black;
// }
// :deep .el-table .cell{
//     line-height: 3vh;
//     padding: 0 0.5vw;
// }
// :deep .el-table{
//     font-size: 1vw;
//     background: white;
// }
// :deep .el-table th.el-table__cell.is-leaf {
//     // border-bottom: var(--el-table-border);
//     background: rgb(220,220,220);
//     color: black;
// }



// :deep .el-table--border .el-table__inner-wrapper {
//     background: white;
// }
:deep .el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 3vh;
    padding: 0 1vw;
}

:deep .cell {
    font-size: 1vw;
    color: black;
}